<template>
  <view class="page">
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-css')">
      跳转测试 css 页面
    </button>
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-scss')">
      跳转测试 scss 页面
    </button>
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-less')">
      跳转测试 less 页面
    </button>
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-stylus')">
      跳转测试 stylus 页面
    </button>
    <!-- #ifdef APP-PLUS -->
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-nvue-scss')">
      跳转测试 nvue scss 页面
    </button>
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-nvue-less')">
      跳转测试 nvue less 页面
    </button>
    <button
      type="primary"
      class="mb-10"
      @click="navigateTo('/pages/index/index-nvue-stylus')">
      跳转测试 nvue stylus 页面
    </button>
    <!-- #endif -->
  </view>
</template>

<!--TODO: 1.0 vue2 less stylus 条件编译无效 -->
<!--TODO: 1.0 nvue2 不支持后代选择器, 比如 .item .text,  nvue3 可以 -->
<script lang="ts">
export default {
  methods: {
    navigateTo(url: string) {
      uni.navigateTo({ url })
    }
  }
}
</script>
